<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    1、router：this.$router 是路由【导航对象】，用它 可以方便的 使用 JS 代码，实现路由的 前进、后退、 跳转到新的 URL 地址
    
    vue-router有两种模式：
    hash router  有一个明显的标志是url 中带有# 我们可以通过监听url中的hash来进行路由跳转
    history：比如history.back() 就能轻松的做到页面回退

    2、routes：指创建vue-router路由实例的配置项。用来配置多个route路由对象

    3、route：this.$route 是路由【参数对象】，所有路由中的参数， params, query 都属于它
    
    
    $route.path
    字符串，等于当前路由对象的路径，会被解析为绝对路径，如"/home/news"。
    $route.params
    对象，包含路由中的动态片段和全匹配片段的键值对
    $route.query
    对象，包含路由中查询参数的键值对    例如： 对于/home/news/detail/01?favorite=yes, 会得到$route.query.favorite='yes'
    $route.router
    路由规则所属的路由器(及其所属的组件)
    $route.matched
    数组，包含当前匹配的路径中所包含的所有片段所对应的配置参数对象
    $route.name
    当前路由的名字，如果没有具体路径，则名字为空
</body>
</html>